<template>
  <div class="xinxi">
    <tinymce class="wordCode" ref="tinymceRef" height="100%" id="tinymceId"></tinymce>
  </div>
</template>

<script>
import tinymce from '@/components/tinymce/index'
export default {
  name: 'App',
  components: {
    tinymce
  },
  data() {
    return {
      content: '',
    }
  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>
.xinxi {
  background-color: rgb(245, 245, 245);
  position: relative;
  height: calc(100vh - 35px);
  width: 100%;
}

.wordCode {
  /* margin-top: 5px; */
}

.wordCode :global(.tox .tox-edit-area) {
  justify-content: center;
  background-color: #f5f5f5;
  height: 100%;
  overflow-y: scroll;
}

.wordCode :global(.tox .tox-edit-area__iframe) {
  /* width: 900px !important; */
  /* margin: 30px auto 150px auto; */
  background-color: #fff;
  /* padding: 20px 50px 50px 50px; */
  border: 1px solid #e8e8e8;
  /* box-shadow: 0 2px 10px rgb(0 0 0 / 12%); */
  overflow-y: scroll;

}

.wordCode :global(.tox .tox-edit-area__iframe html) {
  overflow-y: scroll;
}
</style>
